<template>
    <div>
        <div class="header">
            <div class="title">琪琪聊天</div>
            <div class="iconfont icon-jiahao myicon" @click.stop="add"></div>
        </div>
        <div class="block">

        </div>
    </div>
</template>

<script>
    import Vue from 'vue';
    import {Toast} from 'vant';
    Vue.use(Toast);
    export default {
        name: "toubu",
        methods:{
            add(){
                this.$router.push('/center/addFriend')
            }
        }
    }
</script>

<style scoped>
    .header{height: 50px;width: 100%;display: flex;flex-direction: row;position: fixed;top: 0px;background-color: white;z-index: 100;}
    .title{font-size: 18px;line-height: 50px;text-align: center;color: black;flex-grow: 1;}
    .myicon{font-size: 22px;position: fixed;top: 15px;right: 12px;line-height: 22px;}

    .block{width: 100%;height: 50px;}
</style>